body {
  display: flex;
  /* 主轴为垂直方向，起点在上沿 */
  flex-direction: column;
}
.main {
  flex: 1;
  overflow-y: scroll;
}
.main .latest,
.main .kecheng {
  padding: 14px;
}
.main .latest h3,
.main .kecheng h3 {
  margin-bottom: 14px;
}
.main .latest > a,
.main .kecheng > a {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  overflow: hidden;
  display: block;
  color: black;
}
.main .latest > a div,
.main .kecheng > a div {
  height: 120px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.main .latest > a img,
.main .kecheng > a img {
  width: 100%;
  height: 180px;
}
.main .latest > a h4,
.main .kecheng > a h4 {
  padding: 16px;
}
.main .latest > a p,
.main .kecheng > a p {
  padding: 0 16px;
  padding-bottom: 16px;
}
.course {
  margin-bottom: 15px;
}
